<!DOCTYPE html>
<HTML>
<HEAD>
    <TITLE> ZTREE DEMO - noIcon </TITLE>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <link href="../../../css/demo.css" rel="stylesheet" type="text/css">
    <link href="../../../css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css">
    <script src="../../../js/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="../../../js/jquery.ztree.core.js" type="text/javascript"></script>
    <!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck.js"></script>
      <script type="text/javascript" src="../../../js/jquery.ztree.exedit.js"></script>-->
    <SCRIPT type="text/javascript">
        <!--
        var setting = {
            view: {
                showIcon: showIconForTree
            },
            data: {
                simpleData: {
                    enable: true
                }
            }
        };

        var zNodes = [
            {id: 1, pId: 0, name: "pNode 1", open: true},
            {id: 11, pId: 1, name: "pNode 11"},
            {id: 111, pId: 11, name: "leaf node 111"},
            {id: 112, pId: 11, name: "leaf node 112"},
            {id: 113, pId: 11, name: "leaf node 113"},
            {id: 114, pId: 11, name: "leaf node 114"},
            {id: 12, pId: 1, name: "pNode 12"},
            {id: 121, pId: 12, name: "leaf node 121"},
            {id: 122, pId: 12, name: "leaf node 122"},
            {id: 123, pId: 12, name: "leaf node 123"},
            {id: 124, pId: 12, name: "leaf node 124"},
            {id: 13, pId: 1, name: "pNode 13 - no child", isParent: true},
            {id: 2, pId: 0, name: "pNode 2"},
            {id: 21, pId: 2, name: "pNode 21", open: true},
            {id: 211, pId: 21, name: "leaf node 211"},
            {id: 212, pId: 21, name: "leaf node 212"},
            {id: 213, pId: 21, name: "leaf node 213"},
            {id: 214, pId: 21, name: "leaf node 214"},
            {id: 22, pId: 2, name: "pNode 22"},
            {id: 221, pId: 22, name: "leaf node 221"},
            {id: 222, pId: 22, name: "leaf node 222"},
            {id: 223, pId: 22, name: "leaf node 223"},
            {id: 224, pId: 22, name: "leaf node 224"},
            {id: 23, pId: 2, name: "pNode 23"},
            {id: 231, pId: 23, name: "leaf node 231"},
            {id: 232, pId: 23, name: "leaf node 232"},
            {id: 233, pId: 23, name: "leaf node 233"},
            {id: 234, pId: 23, name: "leaf node 234"},
            {id: 3, pId: 0, name: "pNode 3 - no child", isParent: true}
        ];

        function showIconForTree(treeId, treeNode) {
            return !treeNode.isParent;
        }

        $(document).ready(function () {
            $.fn.zTree.init($("#treeDemo"), setting, zNodes);
        });
        //-->
    </SCRIPT>

</HEAD>

<BODY>
<h1>Don't Show Icon</h1>
<h6>[ File Path: core/noicon.html ]</h6>
<div class="content_wrap">
    <div class="zTreeDemoBackground left">
        <ul class="ztree" id="treeDemo"></ul>
    </div>
    <div class="right">
        <ul class="info">
            <li class="title"><h2>1, Explanation of setting</h2>
                <ul class="list">
                    <li>This Demo using Function set to the parent node does not display the icon.</li>
                    <li class="highlight_red">Whether to display the icon, you need to set setting.view.showIcon
                        attribute, see the API documentation for more related contents.
                    </li>
                </ul>
            </li>
            <li class="title"><h2>2, Explanation of treeNode</h2>
                <ul class="list">
                    <li>TreeNode data does not require special settings. If you need some node display icon, and some
                        nodes are not displayed, you can add special attributes to the node data for identification.
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>
</BODY>
</HTML>